// JavaScript Document
$(function(){

// 搜索框失去焦点事件

	$(".logo-middle .l").focus(function(){
			$(this).val("");
		
	})
	$(".logo-middle .l").blur(function(){
			$(this).val("清爽秋季，运动起来");
	})

	// 中部轮播图

	//1.自动播放
	var i = 0;
	function run(){
       i++;
       // 判断
       if(i==7){
       	  i=0;
       }
       // 图片显隐变化
       $('#millde .millde-millde .box img').eq(i).fadeIn("slow").siblings('img').fadeOut("slow");
       // 数字图标的变化
       $('#millde .millde-millde ul li').eq(i).css({background:'#FF4466'}).stop().siblings('li').css({background:'#FFFFFF'});
	}
	// 启动定时器
	time = setInterval(run,2000);


    //2. 移入左右键显隐，定时器停止
    $('#millde .millde-millde').hover(function(){
    	 // 鼠标移入大盒子,左右点击键显示
         $('#millde .millde-millde .an-left,#millde .millde-millde .an-right').fadeIn();
         // 停止定时器
         clearInterval(time);
    },function(){
    	 // 鼠标移出大盒子,左右点击键消失
    	 $('#millde .millde-millde .an-left,#millde .millde-millde .an-right').fadeOut();
    	 // 启动定时器
         time = setInterval(run,2000);
    });
 
    // 移入li图标切换背景图和小图标
    $('#millde .millde-millde ul li').mouseenter(function(){
    	i = $(this).index();
    	// 背景图显隐
    	$('#millde .millde-millde .box img').eq(i).fadeIn().siblings('img').stop().fadeOut();
    	// 数字图标背景色变化
    	$('#millde .millde-millde ul li').eq(i).css({background:"#FF4466"}).siblings('li').css({background:'#FFFFFF'});
    });

    // 左右点击切换背景图片和数字图标
    
    // 点击右侧按钮
    $('#millde .millde-millde .an-right').click(function(){
    	i++;
    	if(i==7){
    		i=0;
    	}
    	// 背景图显隐
    	$('#millde .millde-millde .box img').eq(i).fadeIn().siblings('img').stop().fadeOut();
    	// 数字图标背景色变化
    	$('#millde .millde-millde ul li').eq(i).css({background:"#FF4466"}).siblings('li').css({background:'#FFFFFF'});    	
    })
  // 中部轮播图结束
  
  
    // 点击左侧按钮
    $('#millde .millde-millde .an-left').click(function(){
    	i--;
    	if(i==-1){
    		i=6;
    	}
    	// 背景图显隐
    	$('#millde .millde-millde .box img').eq(i).fadeIn().siblings('img').stop().fadeOut();
    	// 数字图标背景色变化
    	$('#millde .millde-millde ul li').eq(i).css({background:"#FF4466"}).siblings('li').css({background:'#FFFFFF'});    	
    })    

//	左侧二级导航
    var dl = $('#millde .millde-left dl');
    var hi = $('.hidden');
    
//  dl.hover(function (){
//  	hi.hide();
//  	hi.eq($(this).index()).show();
//  },function(){
////  	hi.css({display:"none"})
//		hi.hide();
//  })
    dl.mouseover(function(){
    	hi.hide();
    	hi.eq($(this).index()).show();
    })

	dl.mouseout(function(){
    	hi.hide();
    })

	//轮播写面的图片
	$("#img ul li").mouseenter(function(){
			
			$(this).find("img").stop().animate({left:"-15px"},400,function(){
				$(this).stop().animate({left:"0px"},400)
	
			})
		})
//mouseenter
	//买手推荐的上衣
	 $('.jacket-bottom li a img').mouseenter(function(){
//   	    var num = $(this).index();
		$('.jacket-bottom li a img').fadeTo(0,0.4);
   		$(this).fadeTo(0,1);
// 		$(this).fadeTo(0,1).siblings('img').fadeTo(0,0.6);
   });
// mouseleave
   $('.jacket-bottom').mouseleave(function(){
   	   // 所有图片变亮
   	   $(".jacket-bottom li a img").fadeTo(0,1);
   })
	
	
//	购物车移入移出事件
	$(".logo .car").mouseover(function(){
		$(".car .xia-2").css({display:'block', border:"1px solid #DFDFDF"})
		$(".car .xia-1").css({"border-radius": "0" ,"border-bottom":"1px solid #FFFFFF"})
	})
	$(".logo .car").mouseout(function(){
		$(".car .xia-2").css({display:'none'})
	})
})


